<!DOCTYPE html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Wowy - HTML eCommerce + Admin Template</title>
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta property="og:title" content="" />
    <meta property="og:type" content="" />
    <meta property="og:url" content="" />
    <meta property="og:image" content="" />
    <!-- Favicon -->
    <link
      rel="shortcut icon"
      type="image/x-icon"
      href="/static/imgs/theme/favico.svg"
    />
    <!-- Template CSS -->
    <link rel="stylesheet" href="/static/css/main.css?v=5.4" />
  </head>
  <body>
    <header class="header-area header-height-2">
      <div class="header-top header-top-ptb-1 d-none d-lg-block">
        <div class="container">
          <div class="row align-items-center">
            <div class="col-xl-3 col-lg-4">
              <div class="header-info">
                <ul>
                  <li><a href="#">(+01) - 2345 - 6789</a></li>
                  <li>
                    <i class="fa fa-map-marker-alt mr-5"></i
                    ><a target="_blank" href="page-location.html"
                      >Our location</a
                    >
                  </li>
                </ul>
              </div>
            </div>
            <div class="col-xl-6 col-lg-4">
              <div class="text-center">
                <div id="news-flash" class="d-inline-block">
                  <ul>
                    <li>
                      <i class="fa fa-angle-double-right mr-5"></i> Get great
                      devices up to 50% off
                      <a class="active" href="/shop/right"
                        >View details</a
                      >
                    </li>
                    <li>
                      <i class="fa fa-asterisk mr-5"></i
                      ><b class="text-danger">Supper Value Deals</b> - Save more
                      with coupons
                    </li>
                    <li>
                      <i class="fa fa-bell mr-5"></i>
                      <b class="text-success"> Trendy 25</b> silver jewelry,
                      save up 35% off today
                      <a href="/shop/right">Shop now</a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="col-xl-3 col-lg-4">
              <div class="header-info header-info-right">
                <ul>
                  <li>
                    <a class="language-dropdown-active" href="#">
                      <i class="fa fa-globe-americas"></i> English
                      <i class="fa fa-chevron-down"></i
                    ></a>
                    <ul class="language-dropdown">
                      <li><a href="#">Français</a></li>
                      <li><a href="#">Deutsch</a></li>
                      <li><a href="#">РУССКИЙ</a></li>
                    </ul>
                  </li>
                  <li><a href="/auth">Log In / Sign Up</a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="header-middle header-middle-ptb-1 d-none d-lg-block">
        <div class="container">
          <div class="header-wrap header-space-between">
            <div class="logo logo-width-1">
              <a href="/"
                ><img src="/static/imgs/theme/logo-default.png" alt="logo"
              /></a>
            </div>
            <div class="search-style-2">
              <form action="#">
                <select class="select-active">
                  <option>All Categories</option>
                  <option>Women's Clothing</option>
                  <option>Men's Clothing</option>
                  <option>Cellphones</option>
                  <option>Computer & Office</option>
                  <option>Consumer Electronics</option>
                  <option>Jewelry & Accessories</option>
                  <option>Home & Garden</option>
                  <option>Luggage & Bags</option>
                  <option>Shoes</option>
                  <option>Mother & Kids</option>
                </select>
                <input type="text" placeholder="Search for items…" />
                <button type="submit"><i class="far fa-search"></i></button>
              </form>
            </div>
            <div class="header-action-right">
              <div class="header-action-2">
                <div class="header-action-icon-2">
                  <a href="/wishlist">
                    <img
                      class="svgInject"
                      alt="wowy"
                      src="/static/imgs/theme/icons/icon-heart.svg"
                    />
                    <span class="pro-count blue">4</span>
                  </a>
                </div>
                <div class="header-action-icon-2">
                  <a class="mini-cart-icon" href="/cart">
                    <img
                      alt="wowy"
                      src="/static/imgs/theme/icons/icon-cart.svg"
                    />
                    <span class="pro-count blue">2</span>
                  </a>
                  <div class="cart-dropdown-wrap cart-dropdown-hm2">
                    <ul>
                      <li>
                        <div class="shopping-cart-img">
                          <a href="/product/right"
                            ><img
                              alt="wowy"
                              src="/static/imgs/shop/thumbnail-3.jpg"
                          /></a>
                        </div>
                        <div class="shopping-cart-title">
                          <h4>
                            <a href="/product/right">Apple Watch Serial 7</a>
                          </h4>
                          <h3><span>1 × </span>$800.00</h3>
                        </div>
                        <div class="shopping-cart-delete">
                          <a href="#"><i class="far fa-times"></i></a>
                        </div>
                      </li>
                      <li>
                        <div class="shopping-cart-img">
                          <a href="/product/right"
                            ><img
                              alt="wowy"
                              src="/static/imgs/shop/thumbnail-1.jpg"
                          /></a>
                        </div>
                        <div class="shopping-cart-title">
                          <h4><a href="/product/right">Macbook Pro 2022</a></h4>
                          <h3><span>1 × </span>$3200.00</h3>
                        </div>
                        <div class="shopping-cart-delete">
                          <a href="#"><i class="far fa-times"></i></a>
                        </div>
                      </li>
                    </ul>
                    <div class="shopping-cart-footer">
                      <div class="shopping-cart-total">
                        <h4>Total <span>$4000.00</span></h4>
                      </div>
                      <div class="shopping-cart-button">
                        <a href="/cart">View cart</a>
                        <a href="/checkout">Checkout</a>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="header-action-icon-2">
                  <a href="/auth">
                    <img
                      alt="wowy"
                      src="/static/imgs/theme/icons/icon-user.svg"
                    />
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="header-bottom header-bottom-bg-color sticky-bar gray-bg sticky-blue-bg"
      >
        <div class="container">
          <div class="header-wrap header-space-between position-relative">
            <div class="logo logo-width-1 d-block d-lg-none">
              <a href="/"
                ><img src="/static/imgs/theme/logo-white.png" alt="logo"
              /></a>
            </div>
            <div class="main-categori-wrap d-none d-lg-block">
              <a class="categori-button-active" href="#">
                <span class="fa fa-list"></span> Browse Categories
                <i class="down far fa-chevron-down"></i>
                <i class="up far fa-chevron-up"></i>
              </a>
              <div
                class="categori-dropdown-wrap categori-dropdown-active-large"
              >
                <ul>
                  <li class="has-children">
                    <a href="/shop/right"
                      ><i class="wowy-font-dress"></i>Women's Clothing</a
                    >
                    <div class="dropdown-menu">
                      <ul class="mega-menu d-lg-flex">
                        <li class="mega-menu-col col-lg-7">
                          <ul class="d-lg-flex">
                            <li class="mega-menu-col col-lg-6">
                              <ul>
                                <li>
                                  <span class="submenu-title"
                                    >Hot & Trending</span
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Dresses</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Blouses & Shirts</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Hoodies & Sweatshirts</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Women's Sets</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Suits & Blazers</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Bodysuits</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Tanks & Camis</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Coats & Jackets</a
                                  >
                                </li>
                              </ul>
                            </li>
                            <li class="mega-menu-col col-lg-6">
                              <ul>
                                <li>
                                  <span class="submenu-title">Bottoms</span>
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Leggings</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Skirts</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Shorts</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Jeans</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Pants & Capris</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Bikini Sets</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Cover-Ups</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Swimwear</a
                                  >
                                </li>
                              </ul>
                            </li>
                          </ul>
                        </li>
                        <li class="mega-menu-col col-lg-5">
                          <div class="header-banner2">
                            <img
                              src="/static/imgs/banner/menu-banner-2.jpg"
                              alt="menu_banner1"
                            />
                            <div class="banne_info">
                              <h6>10% Off</h6>
                              <h4>New Arrival</h4>
                              <a href="#">Shop now</a>
                            </div>
                          </div>
                          <div class="header-banner2">
                            <img
                              src="/static/imgs/banner/menu-banner-3.jpg"
                              alt="menu_banner2"
                            />
                            <div class="banne_info">
                              <h6>15% Off</h6>
                              <h4>Hot Deals</h4>
                              <a href="#">Shop now</a>
                            </div>
                          </div>
                        </li>
                      </ul>
                    </div>
                  </li>
                  <li class="has-children">
                    <a href="/shop/right"
                      ><i class="wowy-font-tshirt"></i>Men's Clothing</a
                    >
                    <div class="dropdown-menu">
                      <ul class="mega-menu d-lg-flex">
                        <li class="mega-menu-col col-lg-7">
                          <ul class="d-lg-flex">
                            <li class="mega-menu-col col-lg-6">
                              <ul>
                                <li>
                                  <span class="submenu-title"
                                    >Jackets & Coats</span
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Down Jackets</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Jackets</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Parkas</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Faux Leather Coats</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Trench</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Wool & Blends</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Vests & Waistcoats</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Leather Coats</a
                                  >
                                </li>
                              </ul>
                            </li>
                            <li class="mega-menu-col col-lg-6">
                              <ul>
                                <li>
                                  <span class="submenu-title"
                                    >Suits & Blazers</span
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Blazers</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Suit Jackets</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Suit Pants</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Suits</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Vests</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Tailor-made Suits</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Cover-Ups</a
                                  >
                                </li>
                              </ul>
                            </li>
                          </ul>
                        </li>
                        <li class="mega-menu-col col-lg-5">
                          <div class="header-banner2">
                            <img
                              src="/static/imgs/banner/menu-banner-4.jpg"
                              alt="menu_banner1"
                            />
                            <div class="banne_info">
                              <h6>10% Off</h6>
                              <h4>New Arrival</h4>
                              <a href="#">Shop now</a>
                            </div>
                          </div>
                        </li>
                      </ul>
                    </div>
                  </li>
                  <li class="has-children">
                    <a href="/shop/right"
                      ><i class="wowy-font-smartphone"></i> Cellphones</a
                    >
                    <div class="dropdown-menu">
                      <ul class="mega-menu d-lg-flex">
                        <li class="mega-menu-col col-lg-7">
                          <ul class="d-lg-flex">
                            <li class="mega-menu-col col-lg-6">
                              <ul>
                                <li>
                                  <span class="submenu-title"
                                    >Hot & Trending</span
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Cellphones</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >iPhones</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Refurbished Phones</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Mobile Phone</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Mobile Phone Parts</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Phone Bags & Cases</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Communication Equipments</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Walkie Talkie</a
                                  >
                                </li>
                              </ul>
                            </li>
                            <li class="mega-menu-col col-lg-6">
                              <ul>
                                <li>
                                  <span class="submenu-title">Accessories</span>
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Screen Protectors</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Wire Chargers</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Wireless Chargers</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Car Chargers</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Power Bank</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Armbands</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Dust Plug</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Signal Boosters</a
                                  >
                                </li>
                              </ul>
                            </li>
                          </ul>
                        </li>
                        <li class="mega-menu-col col-lg-5">
                          <div class="header-banner2">
                            <img
                              src="/static/imgs/banner/menu-banner-5.jpg"
                              alt="menu_banner1"
                            />
                            <div class="banne_info">
                              <h6>10% Off</h6>
                              <h4>New Arrival</h4>
                              <a href="#">Shop now</a>
                            </div>
                          </div>
                          <div class="header-banner2">
                            <img
                              src="/static/imgs/banner/menu-banner-6.jpg"
                              alt="menu_banner2"
                            />
                            <div class="banne_info">
                              <h6>15% Off</h6>
                              <h4>Hot Deals</h4>
                              <a href="#">Shop now</a>
                            </div>
                          </div>
                        </li>
                      </ul>
                    </div>
                  </li>
                  <li>
                    <a href="/shop/right"
                      ><i class="wowy-font-desktop"></i>Computer & Office</a
                    >
                  </li>
                  <li>
                    <a href="/shop/right"
                      ><i class="wowy-font-cpu"></i>Consumer Electronics</a
                    >
                  </li>
                  <li>
                    <a href="/shop/right"
                      ><i class="wowy-font-diamond"></i>Jewelry & Accessories</a
                    >
                  </li>
                  <li>
                    <a href="/shop/right"
                      ><i class="wowy-font-home"></i>Home & Garden</a
                    >
                  </li>
                  <li>
                    <a href="/shop/right"
                      ><i class="wowy-font-high-heels"></i>Shoes</a
                    >
                  </li>
                  <li>
                    <a href="/shop/right"
                      ><i class="wowy-font-teddy-bear"></i>Mother & Kids</a
                    >
                  </li>
                  <li>
                    <a href="/shop/right"
                      ><i class="wowy-font-kite"></i>Outdoor fun</a
                    >
                  </li>
                  <li>
                    <ul class="more_slide_open" style="display: none">
                      <li>
                        <a href="/shop/right"
                          ><i class="wowy-font-desktop"></i>Beauty, Health</a
                        >
                      </li>
                      <li>
                        <a href="/shop/right"
                          ><i class="wowy-font-cpu"></i>Bags and Shoes</a
                        >
                      </li>
                      <li>
                        <a href="/shop/right"
                          ><i class="wowy-font-diamond"></i>Consumer
                          Electronics</a
                        >
                      </li>
                      <li>
                        <a href="/shop/right"
                          ><i class="wowy-font-home"></i>Automobiles &
                          Motorcycles</a
                        >
                      </li>
                    </ul>
                  </li>
                </ul>
                <div class="more_categories">Show more...</div>
              </div>
            </div>
            <div
              class="main-menu main-menu-padding-1 main-menu-lh-2 d-none d-lg-block main-menu-light-white hover-boder hover-boder-white"
            >
              <nav>
                <ul>
                  <li>
                    <a class="active" href="/"
                      >Home <i class="fa fa-chevron-down"></i
                    ></a>
                    <ul class="sub-menu">
                      <li><a href="/">Home 1</a></li>
                      <li><a href="index-2.html">Home 2</a></li>
                      <li><a href="index-3.html">Home 3</a></li>
                      <li><a href="index-4.html">Home 4</a></li>
                    </ul>
                  </li>
                  <li>
                    <a href="/about">About</a>
                  </li>
                  <li>
                    <a href="/shop/right"
                      >Shop <i class="fa fa-chevron-down"></i
                    ></a>
                    <ul class="sub-menu">
                      <li>
                        <a href="/shop/right"
                          >Shop Grid – Right Sidebar</a
                        >
                      </li>
                      <li>
                        <a href="/shop/left">Shop Grid – Left Sidebar</a>
                      </li>
                      <li>
                        <a href="/shop/listRight"
                          >Shop List – Right Sidebar</a
                        >
                      </li>
                      <li>
                        <a href="/shop/listLeft"
                          >Shop List – Left Sidebar</a
                        >
                      </li>
                      <li><a href="/shop">Shop - Wide</a></li>
                      <li>
                        <a href="#"
                          >Single Product <i class="fa fa-chevron-right"></i
                        ></a>
                        <ul class="level-menu">
                          <li>
                            <a href="/product/right">Product – Right Sidebar</a>
                          </li>
                          <li>
                            <a href="/product/left"
                              >Product – Left Sidebar</a
                            >
                          </li>
                          <li>
                            <a href="/product"
                              >Product – No sidebar</a
                            >
                          </li>
                        </ul>
                      </li>
                      <li><a href="/filter">Shop – Filter</a></li>
                      <li><a href="/wishlist">Shop – Wishlist</a></li>
                      <li><a href="/cart">Shop – Cart</a></li>
                      <li><a href="/checkout">Shop – Checkout</a></li>
                      <li><a href="/compare">Shop – Compare</a></li>
                    </ul>
                  </li>
                  <li class="position-static">
                    <a href="#">Mega menu <i class="fa fa-chevron-down"></i></a>
                    <ul class="mega-menu">
                      <li class="sub-mega-menu sub-mega-menu-width-22">
                        <a class="menu-title" href="#">Women's Fashion</a>
                        <ul>
                          <li><a href="/product/right">Dresses</a></li>
                          <li><a href="/product/right">Blouses & Shirts</a></li>
                          <li>
                            <a href="/product/right">Hoodies & Sweatshirts</a>
                          </li>
                          <li><a href="/product/right">Wedding Dresses</a></li>
                          <li><a href="/product/right">Prom Dresses</a></li>
                          <li><a href="/product/right">Cosplay Costumes</a></li>
                        </ul>
                      </li>
                      <li class="sub-mega-menu sub-mega-menu-width-22">
                        <a class="menu-title" href="#">Men's Fashion</a>
                        <ul>
                          <li><a href="/product/right">Jackets</a></li>
                          <li>
                            <a href="/product/right">Casual Faux Leather</a>
                          </li>
                          <li><a href="/product/right">Genuine Leather</a></li>
                          <li><a href="/product/right">Casual Pants</a></li>
                          <li><a href="/product/right">Sweatpants</a></li>
                          <li><a href="/product/right">Harem Pants</a></li>
                        </ul>
                      </li>
                      <li class="sub-mega-menu sub-mega-menu-width-22">
                        <a class="menu-title" href="#">Technology</a>
                        <ul>
                          <li><a href="/product/right">Gaming Laptops</a></li>
                          <li>
                            <a href="/product/right">Ultraslim Laptops</a>
                          </li>
                          <li><a href="/product/right">Tablets</a></li>
                          <li>
                            <a href="/product/right">Laptop Accessories</a>
                          </li>
                          <li>
                            <a href="/product/right">Tablet Accessories</a>
                          </li>
                        </ul>
                      </li>
                      <li class="sub-mega-menu sub-mega-menu-width-34">
                        <div class="menu-banner-wrap">
                          <a href="/product/right"
                            ><img
                              src="/static/imgs/banner/menu-banner.jpg"
                              alt="wowy"
                          /></a>
                          <div class="menu-banner-content">
                            <h4>Hot deals</h4>
                            <h3>
                              Don't miss<br />
                              Trending
                            </h3>
                            <div class="menu-banner-price">
                              <span class="new-price text-success"
                                >Save to 50%</span
                              >
                            </div>
                            <div class="menu-banner-btn">
                              <a href="/product/right">Shop now</a>
                            </div>
                          </div>
                          <div class="menu-banner-discount">
                            <h3>
                              <span>35%</span>
                              off
                            </h3>
                          </div>
                        </div>
                      </li>
                    </ul>
                  </li>
                  <li>
                    <a href="/blog/grid"
                      >Blog <i class="fa fa-chevron-down"></i
                    ></a>
                    <ul class="sub-menu">
                      <li>
                        <a href="/blog/grid">Blog Category Grid</a>
                      </li>
                      <li>
                        <a href="/blog/list">Blog Category List</a>
                      </li>
                      <li>
                        <a href="/blog/big">Blog Category Big</a>
                      </li>
                      <li>
                        <a href="/category"
                          >Blog Category Wide</a
                        >
                      </li>
                      <li>
                        <a href="#"
                          >Single Post <i class="fa fa-chevron-right"></i
                        ></a>
                        <ul class="level-menu level-menu-modify">
                          <li>
                            <a href="/post/left">Left Sidebar</a>
                          </li>
                          <li>
                            <a href="/post/right">Right Sidebar</a>
                          </li>
                          <li>
                            <a href="/post">No Sidebar</a>
                          </li>
                        </ul>
                      </li>
                    </ul>
                  </li>
                  <li>
                    <a href="#">Pages <i class="fa fa-chevron-down"></i></a>
                    <ul class="sub-menu">
                      <li><a href="/about">About Us</a></li>
                      <li><a href="/contact">Contact</a></li>
                      <li><a href="/account">My Account</a></li>
                      <li><a href="/auth">login/register</a></li>
                      <li><a href="/purchaseGuide">Purchase Guide</a></li>
                      <li>
                        <a href="/privacyPolicy">Privacy Policy</a>
                      </li>
                      <li><a href="/terms">Terms of Service</a></li>
                      <li><a href="/error">404 Page</a></li>
                    </ul>
                  </li>
                  <li>
                    <a href="/contact">Contact</a>
                  </li>
                </ul>
              </nav>
            </div>
            <div class="hotline d-none d-lg-block">
              <p>
                <i class="fa fa-phone-alt"></i><span>Hotline</span> 1900 - 888
              </p>
            </div>
            <div class="header-action-right d-block d-lg-none">
              <div class="header-action-2">
                <div class="header-action-icon-2">
                  <a href="/wishlist">
                    <img
                      alt="wowy"
                      src="/static/imgs/theme/icons/icon-heart-white.svg"
                    />
                    <span class="pro-count white">4</span>
                  </a>
                </div>
                <div class="header-action-icon-2">
                  <a class="mini-cart-icon" href="/cart">
                    <img
                      alt="wowy"
                      src="/static/imgs/theme/icons/icon-cart-white.svg"
                    />
                    <span class="pro-count white">02</span>
                  </a>
                  <div class="cart-dropdown-wrap cart-dropdown-hm2">
                    <ul>
                      <li>
                        <div class="shopping-cart-img">
                          <a href="/product/right"
                            ><img
                              alt="wowy"
                              src="/static/imgs/shop/thumbnail-3.jpg"
                          /></a>
                        </div>
                        <div class="shopping-cart-title">
                          <h4>
                            <a href="/product/right">Apple Watch Serial 7</a>
                          </h4>
                          <h3><span>1 × </span>$800.00</h3>
                        </div>
                        <div class="shopping-cart-delete">
                          <a href="#"><i class="far fa-times"></i></a>
                        </div>
                      </li>
                      <li>
                        <div class="shopping-cart-img">
                          <a href="/product/right"
                            ><img
                              alt="wowy"
                              src="/static/imgs/shop/thumbnail-4.jpg"
                          /></a>
                        </div>
                        <div class="shopping-cart-title">
                          <h4><a href="/product/right">Macbook Pro 2022</a></h4>
                          <h3><span>1 × </span>$3500.00</h3>
                        </div>
                        <div class="shopping-cart-delete">
                          <a href="#"><i class="far fa-times"></i></a>
                        </div>
                      </li>
                    </ul>
                    <div class="shopping-cart-footer">
                      <div class="shopping-cart-total">
                        <h4>Total <span>$383.00</span></h4>
                      </div>
                      <div class="shopping-cart-button">
                        <a href="/cart">View cart</a>
                        <a href="/checkout">Checkout</a>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="header-action-icon-2">
                  <a href="/auth">
                    <img
                      alt="wowy"
                      src="/static/imgs/theme/icons/icon-user-white.svg"
                    />
                  </a>
                </div>
                <div class="header-action-icon-2 d-block d-lg-none">
                  <div class="burger-icon burger-icon-white">
                    <span class="burger-icon-top"></span>
                    <span class="burger-icon-mid"></span>
                    <span class="burger-icon-bottom"></span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </header>
    <div class="mobile-header-active mobile-header-wrapper-style">
      <div class="mobile-header-wrapper-inner">
        <div class="mobile-header-top">
          <div class="mobile-header-logo">
            <a href="/"
              ><img src="/static/imgs/theme/logo-default.png" alt="logo"
            /></a>
          </div>
          <div
            class="mobile-menu-close close-style-wrap close-style-position-inherit"
          >
            <button class="close-style search-close">
              <i class="icon-top"></i>
              <i class="icon-bottom"></i>
            </button>
          </div>
        </div>
        <div class="mobile-header-content-area">
          <div class="mobile-search search-style-3 mobile-header-border">
            <form action="#">
              <input type="text" placeholder="Search…" />
              <button type="submit"><i class="far fa-search"></i></button>
            </form>
          </div>
          <div class="mobile-menu-wrap mobile-header-border">
            <div class="main-categori-wrap mobile-header-border">
              <a class="categori-button-active-2" href="#">
                <span class="far fa-bars"></span> Browse Categories
                <i class="down far fa-chevron-down"></i>
              </a>
              <div
                class="categori-dropdown-wrap categori-dropdown-active-small"
              >
                <ul>
                  <li>
                    <a href="/shop/right"
                      ><i class="wowy-font-dress"></i>Women's Clothing</a
                    >
                  </li>
                  <li>
                    <a href="/shop/right"
                      ><i class="wowy-font-tshirt"></i>Men's Clothing</a
                    >
                  </li>
                  <li>
                    <a href="/shop/right"
                      ><i class="wowy-font-smartphone"></i> Cellphones</a
                    >
                  </li>
                  <li>
                    <a href="/shop/right"
                      ><i class="wowy-font-desktop"></i>Computer & Office</a
                    >
                  </li>
                  <li>
                    <a href="/shop/right"
                      ><i class="wowy-font-cpu"></i>Consumer Electronics</a
                    >
                  </li>
                  <li>
                    <a href="/shop/right"
                      ><i class="wowy-font-home"></i>Home & Garden</a
                    >
                  </li>
                  <li>
                    <a href="/shop/right"
                      ><i class="wowy-font-high-heels"></i>Shoes</a
                    >
                  </li>
                  <li>
                    <a href="/shop/right"
                      ><i class="wowy-font-teddy-bear"></i>Mother & Kids</a
                    >
                  </li>
                  <li>
                    <a href="/shop/right"
                      ><i class="wowy-font-kite"></i>Outdoor fun</a
                    >
                  </li>
                </ul>
              </div>
            </div>
            <!-- mobile menu start -->
            <nav>
              <ul class="mobile-menu">
                <li class="menu-item-has-children">
                  <span class="menu-expand"></span><a href="/">Home</a>
                  <ul class="dropdown">
                    <li><a href="/">Home 1</a></li>
                    <li><a href="index-2.html">Home 2</a></li>
                    <li><a href="index-3.html">Home 3</a></li>
                    <li><a href="index-4.html">Home 4</a></li>
                  </ul>
                </li>
                <li class="menu-item-has-children">
                  <span class="menu-expand"></span
                  ><a href="/shop/right">shop</a>
                  <ul class="dropdown">
                    <li>
                      <a href="/shop/right"
                        >Shop Grid – Right Sidebar</a
                      >
                    </li>
                    <li>
                      <a href="/shop/left">Shop Grid – Left Sidebar</a>
                    </li>
                    <li>
                      <a href="/shop/listRight"
                        >Shop List – Right Sidebar</a
                      >
                    </li>
                    <li>
                      <a href="/shop/listLeft">Shop List – Left Sidebar</a>
                    </li>
                    <li><a href="/shop">Shop - Wide</a></li>
                    <li class="menu-item-has-children">
                      <span class="menu-expand"></span
                      ><a href="#">Single Product</a>
                      <ul class="dropdown">
                        <li>
                          <a href="/product/right">Product – Right Sidebar</a>
                        </li>
                        <li>
                          <a href="/product/left"
                            >Product – Left Sidebar</a
                          >
                        </li>
                        <li>
                          <a href="/product"
                            >Product – No sidebar</a
                          >
                        </li>
                      </ul>
                    </li>
                    <li><a href="/filter">Shop – Filter</a></li>
                    <li><a href="/wishlist">Shop – Wishlist</a></li>
                    <li><a href="/cart">Shop – Cart</a></li>
                    <li><a href="/checkout">Shop – Checkout</a></li>
                    <li><a href="/compare">Shop – Compare</a></li>
                  </ul>
                </li>
                <li class="menu-item-has-children">
                  <span class="menu-expand"></span><a href="#">Mega menu</a>
                  <ul class="dropdown">
                    <li class="menu-item-has-children">
                      <span class="menu-expand"></span
                      ><a href="#">Women's Fashion</a>
                      <ul class="dropdown">
                        <li><a href="/product/right">Dresses</a></li>
                        <li><a href="/product/right">Blouses & Shirts</a></li>
                        <li>
                          <a href="/product/right">Hoodies & Sweatshirts</a>
                        </li>
                        <li><a href="/product/right">Women's Sets</a></li>
                      </ul>
                    </li>
                    <li class="menu-item-has-children">
                      <span class="menu-expand"></span
                      ><a href="#">Men's Fashion</a>
                      <ul class="dropdown">
                        <li><a href="/product/right">Jackets</a></li>
                        <li>
                          <a href="/product/right">Casual Faux Leather</a>
                        </li>
                        <li><a href="/product/right">Genuine Leather</a></li>
                      </ul>
                    </li>
                    <li class="menu-item-has-children">
                      <span class="menu-expand"></span
                      ><a href="#">Technology</a>
                      <ul class="dropdown">
                        <li><a href="/product/right">Gaming Laptops</a></li>
                        <li><a href="/product/right">Ultraslim Laptops</a></li>
                        <li><a href="/product/right">Tablets</a></li>
                        <li><a href="/product/right">Laptop Accessories</a></li>
                        <li><a href="/product/right">Tablet Accessories</a></li>
                      </ul>
                    </li>
                  </ul>
                </li>
                <li class="menu-item-has-children">
                  <span class="menu-expand"></span
                  ><a href="/category">Blog</a>
                  <ul class="dropdown">
                    <li>
                      <a href="/blog/grid">Blog Category Grid</a>
                    </li>
                    <li>
                      <a href="/blog/list">Blog Category List</a>
                    </li>
                    <li>
                      <a href="/blog/big">Blog Category Big</a>
                    </li>
                    <li>
                      <a href="/category"
                        >Blog Category Wide</a
                      >
                    </li>
                    <li class="menu-item-has-children">
                      <span class="menu-expand"></span
                      ><a href="#">Single Product Layout</a>
                      <ul class="dropdown">
                        <li><a href="/post/left">Left Sidebar</a></li>
                        <li>
                          <a href="/post/right">Right Sidebar</a>
                        </li>
                        <li>
                          <a href="/post">No Sidebar</a>
                        </li>
                      </ul>
                    </li>
                  </ul>
                </li>
                <li class="menu-item-has-children">
                  <span class="menu-expand"></span><a href="#">Pages</a>
                  <ul class="dropdown">
                    <li><a href="/about">About Us</a></li>
                    <li><a href="/contact">Contact</a></li>
                    <li><a href="/account">My Account</a></li>
                    <li><a href="/auth">login/register</a></li>
                    <li><a href="/purchaseGuide">Purchase Guide</a></li>
                    <li>
                      <a href="/privacyPolicy">Privacy Policy</a>
                    </li>
                    <li><a href="/terms">Terms of Service</a></li>
                    <li><a href="/error">404 Page</a></li>
                  </ul>
                </li>
              </ul>
            </nav>
            <!-- mobile menu end -->
          </div>
          <div class="mobile-header-info-wrap mobile-header-border">
            <div class="single-mobile-header-info">
              <a class="mobile-language-active" href="#"
                >Language <span><i class="far fa-angle-down"></i></span
              ></a>
              <div class="lang-curr-dropdown lang-dropdown-active">
                <ul>
                  <li><a href="#">English</a></li>
                  <li><a href="#">French</a></li>
                  <li><a href="#">German</a></li>
                  <li><a href="#">Spanish</a></li>
                </ul>
              </div>
            </div>
            <div class="single-mobile-header-info mt-30">
              <a target="_blank" href="page-location.html"> Our location </a>
            </div>
            <div class="single-mobile-header-info">
              <a href="/auth">Log In / Sign Up </a>
            </div>
            <div class="single-mobile-header-info">
              <a href="#">(+01) - 2345 - 6789 </a>
            </div>
          </div>
          <div class="mobile-social-icon">
            <a class="facebook" href="#">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
                <path
                  d="M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z"
                />
              </svg>
            </a>
            <a class="twitter" href="#">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                <path
                  d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"
                />
              </svg>
            </a>
            <a class="tumblr" href="#">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
                <path
                  d="M309.8 480.3c-13.6 14.5-50 31.7-97.4 31.7-120.8 0-147-88.8-147-140.6v-144H17.9c-5.5 0-10-4.5-10-10v-68c0-7.2 4.5-13.6 11.3-16 62-21.8 81.5-76 84.3-117.1 .8-11 6.5-16.3 16.1-16.3h70.9c5.5 0 10 4.5 10 10v115.2h83c5.5 0 10 4.4 10 9.9v81.7c0 5.5-4.5 10-10 10h-83.4V360c0 34.2 23.7 53.6 68 35.8 4.8-1.9 9-3.2 12.7-2.2 3.5 .9 5.8 3.4 7.4 7.9l22 64.3c1.8 5 3.3 10.6-.4 14.5z"
                />
              </svg>
            </a>
            <a class="instagram" href="#">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
                <path
                  d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"
                />
              </svg>
            </a>
          </div>
        </div>
      </div>
    </div>
    <main class="main">
      <div class="page-header breadcrumb-wrap">
        <div class="container">
          <div class="breadcrumb">
            <a href="/" rel="nofollow">Home</a>
            <span></span> Headphone <span></span> Ultra Bass HD450
          </div>
        </div>
      </div>
      <section class="mt-60 mb-60">
        <div class="container">
          <div class="row">
            <div class="col-lg-9">
              <div class="product-detail accordion-detail">
                <div class="row mb-50">
                  <div class="col-md-6 col-sm-12 col-xs-12">
                    <div class="detail-gallery">
                      <span class="zoom-icon"
                        ><i class="fa fa-search-plus"></i
                      ></span>
                      <!-- MAIN SLIDES -->
                      <div class="product-image-slider">
                        <figure class="border-radius-10">
                          <img
                            src="/static/imgs/shop/product-2-1.jpg"
                            alt="product image"
                          />
                        </figure>
                        <figure class="border-radius-10">
                          <img
                            src="/static/imgs/shop/product-3-4.jpg"
                            alt="product image"
                          />
                        </figure>
                        <figure class="border-radius-10">
                          <img
                            src="/static/imgs/shop/product-4-1.jpg"
                            alt="product image"
                          />
                        </figure>
                        <figure class="border-radius-10">
                          <img
                            src="/static/imgs/shop/product-5-1.jpg"
                            alt="product image"
                          />
                        </figure>
                        <figure class="border-radius-10">
                          <img
                            src="/static/imgs/shop/product-6-1.jpg"
                            alt="product image"
                          />
                        </figure>
                        <figure class="border-radius-10">
                          <img
                            src="/static/imgs/shop/product-7-1.jpg"
                            alt="product image"
                          />
                        </figure>
                        <figure class="border-radius-10">
                          <img
                            src="/static/imgs/shop/product-9-1.jpg"
                            alt="product image"
                          />
                        </figure>
                      </div>
                      <!-- THUMBNAILS -->
                      <div class="slider-nav-thumbnails pl-15 pr-15">
                        <div>
                          <img
                            src="/static/imgs/shop/thumbnail-3.jpg"
                            alt="product image"
                          />
                        </div>
                        <div>
                          <img
                            src="/static/imgs/shop/thumbnail-4.jpg"
                            alt="product image"
                          />
                        </div>
                        <div>
                          <img
                            src="/static/imgs/shop/thumbnail-5.jpg"
                            alt="product image"
                          />
                        </div>
                        <div>
                          <img
                            src="/static/imgs/shop/thumbnail-6.jpg"
                            alt="product image"
                          />
                        </div>
                        <div>
                          <img
                            src="/static/imgs/shop/thumbnail-7.jpg"
                            alt="product image"
                          />
                        </div>
                        <div>
                          <img
                            src="/static/imgs/shop/thumbnail-8.jpg"
                            alt="product image"
                          />
                        </div>
                        <div>
                          <img
                            src="/static/imgs/shop/thumbnail-9.jpg"
                            alt="product image"
                          />
                        </div>
                      </div>
                    </div>
                    <!-- End Gallery -->
                    <div class="single-social-share clearfix mt-50 mb-15">
                      <p class="mb-15 mt-30 font-sm">
                        <i class="fa fa-share-alt mr-5"></i> Share this
                      </p>
                      <div
                        class="mobile-social-icon wow fadeIn mb-sm-5 mb-md-0 animated"
                      >
                        <a class="facebook" href="#">
                          <svg
                            xmlns="http://www.w3.org/2000/svg"
                            viewBox="0 0 320 512"
                          >
                            <path
                              d="M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z"
                            />
                          </svg>
                        </a>
                        <a class="twitter" href="#">
                          <svg
                            xmlns="http://www.w3.org/2000/svg"
                            viewBox="0 0 512 512"
                          >
                            <path
                              d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"
                            />
                          </svg>
                        </a>
                        <a class="tumblr" href="#">
                          <svg
                            xmlns="http://www.w3.org/2000/svg"
                            viewBox="0 0 320 512"
                          >
                            <path
                              d="M309.8 480.3c-13.6 14.5-50 31.7-97.4 31.7-120.8 0-147-88.8-147-140.6v-144H17.9c-5.5 0-10-4.5-10-10v-68c0-7.2 4.5-13.6 11.3-16 62-21.8 81.5-76 84.3-117.1 .8-11 6.5-16.3 16.1-16.3h70.9c5.5 0 10 4.5 10 10v115.2h83c5.5 0 10 4.4 10 9.9v81.7c0 5.5-4.5 10-10 10h-83.4V360c0 34.2 23.7 53.6 68 35.8 4.8-1.9 9-3.2 12.7-2.2 3.5 .9 5.8 3.4 7.4 7.9l22 64.3c1.8 5 3.3 10.6-.4 14.5z"
                            />
                          </svg>
                        </a>
                        <a class="instagram" href="#">
                          <svg
                            xmlns="http://www.w3.org/2000/svg"
                            viewBox="0 0 448 512"
                          >
                            <path
                              d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"
                            />
                          </svg>
                        </a>
                      </div>
                    </div>
                    <a class="mail-to-friend font-sm color-grey" href="#"
                      ><i class="far fa-envelope"></i> Email to a Friend</a
                    >
                  </div>
                  <div class="col-md-6 col-sm-12 col-xs-12">
                    <div class="detail-info">
                      <h2 class="title-detail">Headphone Ultra Bass HD450</h2>
                      <div class="product-detail-rating">
                        <div class="pro-details-brand">
                          <span>
                            Brands:
                            <a href="/shop/right">Bootstrap</a></span
                          >
                        </div>
                        <div class="product-rate-cover text-end">
                          <div class="product-rate d-inline-block">
                            <div
                              class="product-rating"
                              style="width: 90%"
                            ></div>
                          </div>
                          <span class="font-small ml-5 text-muted">
                            (25 reviews)</span
                          >
                        </div>
                      </div>
                      <div class="clearfix product-price-cover">
                        <div class="product-price primary-color float-left">
                          <ins><span class="text-brand">$120.00</span></ins>
                          <ins
                            ><span class="old-price font-md ml-15"
                              >$200.00</span
                            ></ins
                          >
                          <span class="save-price font-md color3 ml-15"
                            >25% Off</span
                          >
                        </div>
                      </div>
                      <div class="bt-1 border-color-1 mt-15 mb-15"></div>
                      <div class="short-desc mb-30">
                        <p>
                          Lorem ipsum dolor, sit amet consectetur adipisicing
                          elit. Aliquam rem officia, corrupti reiciendis minima
                          nisi modi, quasi, odio minus dolore impedit fuga eum
                          eligendi? Officia doloremque facere quia. Voluptatum,
                          accusantium!
                        </p>
                      </div>
                      <div class="product_sort_info font-xs mb-30">
                        <ul>
                          <li class="mb-10">
                            <i class="far fa-hourglass mr-5 text-brand"></i> 1
                            Year AL Jazeera Brand Warranty
                          </li>
                          <li class="mb-10">
                            <i class="far fa-paper-plane mr-5 text-brand"></i>
                            30 Day Return Policy
                          </li>
                          <li>
                            <i class="far fa-address-card mr-5 text-brand"></i>
                            Cash on Delivery available
                          </li>
                        </ul>
                      </div>
                      <div class="attr-detail attr-color mb-15">
                        <strong class="mr-10">Color</strong>
                        <ul class="list-filter color-filter">
                          <li>
                            <a href="#" data-color="Red"
                              ><span class="product-color-red"></span
                            ></a>
                          </li>
                          <li>
                            <a href="#" data-color="Yellow"
                              ><span class="product-color-yellow"></span
                            ></a>
                          </li>
                          <li class="active">
                            <a href="#" data-color="White"
                              ><span class="product-color-white"></span
                            ></a>
                          </li>
                          <li>
                            <a href="#" data-color="Orange"
                              ><span class="product-color-orange"></span
                            ></a>
                          </li>
                          <li>
                            <a href="#" data-color="Cyan"
                              ><span class="product-color-cyan"></span
                            ></a>
                          </li>
                          <li>
                            <a href="#" data-color="Green"
                              ><span class="product-color-green"></span
                            ></a>
                          </li>
                          <li>
                            <a href="#" data-color="Purple"
                              ><span class="product-color-purple"></span
                            ></a>
                          </li>
                        </ul>
                      </div>
                      <div class="attr-detail attr-size">
                        <strong class="mr-10">Size</strong>
                        <ul class="list-filter size-filter font-small">
                          <li><a href="#">S</a></li>
                          <li class="active"><a href="#">M</a></li>
                          <li><a href="#">L</a></li>
                          <li><a href="#">XL</a></li>
                          <li><a href="#">XXL</a></li>
                        </ul>
                      </div>
                      <div class="bt-1 border-color-1 mt-30 mb-30"></div>
                      <div class="detail-extralink">
                        <div class="detail-qty border radius">
                          <a href="#" class="qty-down"
                            ><i class="fa fa-caret-down" aria-hidden="true"></i
                          ></a>
                          <span class="qty-val">1</span>
                          <a href="#" class="qty-up"
                            ><i class="fa fa-caret-up" aria-hidden="true"></i
                          ></a>
                        </div>
                        <div class="product-extra-link2">
                          <button
                            type="submit"
                            class="button button-add-to-cart"
                          >
                            Add to cart
                          </button>
                          <a
                            aria-label="Add To Wishlist"
                            class="action-btn hover-up"
                            href="/wishlist"
                            ><i class="far fa-heart"></i
                          ></a>
                          <a
                            aria-label="Compare"
                            class="action-btn hover-up"
                            href="/compare"
                            ><i class="far fa-exchange-alt"></i
                          ></a>
                        </div>
                      </div>
                      <ul class="product-meta font-xs color-grey mt-50">
                        <li class="mb-5">SKU: <a href="#">FWM15VKT</a></li>
                        <li class="mb-5">
                          Tags: <a href="#" rel="tag">Cloth</a>,
                          <a href="#" rel="tag">Women</a>,
                          <a href="#" rel="tag">Dress</a>
                        </li>
                        <li>
                          Availability:<span class="in-stock text-success ml-5"
                            >8 Items In Stock</span
                          >
                        </li>
                      </ul>
                    </div>
                    <!-- Detail Info -->
                  </div>
                </div>
                <div class="tab-style3">
                  <ul class="nav nav-tabs text-uppercase">
                    <li class="nav-item">
                      <a
                        class="nav-link active"
                        id="Description-tab"
                        data-bs-toggle="tab"
                        href="#Description"
                        >Description</a
                      >
                    </li>
                    <li class="nav-item">
                      <a
                        class="nav-link"
                        id="Additional-info-tab"
                        data-bs-toggle="tab"
                        href="#Additional-info"
                        >Additional info</a
                      >
                    </li>
                    <li class="nav-item">
                      <a
                        class="nav-link"
                        id="Reviews-tab"
                        data-bs-toggle="tab"
                        href="#Reviews"
                        >Reviews (3)</a
                      >
                    </li>
                  </ul>
                  <div class="tab-content shop_info_tab entry-main-content">
                    <div class="tab-pane fade show active" id="Description">
                      <div class="">
                        <p>
                          Uninhibited carnally hired played in whimpered dear
                          gorilla koala depending and much yikes off far quetzal
                          goodness and from for grimaced goodness unaccountably
                          and meadowlark near unblushingly crucial scallop
                          tightly neurotic hungrily some and dear furiously this
                          apart.
                        </p>
                        <p>
                          Spluttered narrowly yikes left moth in yikes bowed
                          this that grizzly much hello on spoon-fed that alas
                          rethought much decently richly and wow against the
                          frequent fluidly at formidable acceptably flapped
                          besides and much circa far over the bucolically hey
                          precarious goldfinch mastodon goodness gnashed a
                          jellyfish and one however because.
                        </p>
                        <ul class="product-more-infor mt-30">
                          <li><span>Type Of Packing</span> Bottle</li>
                          <li>
                            <span>Color</span> Green, Pink, Powder Blue, Purple
                          </li>
                          <li><span>Quantity Per Case</span> 100ml</li>
                          <li><span>Ethyl Alcohol</span> 70%</li>
                          <li><span>Piece In One</span> Carton</li>
                        </ul>
                        <hr class="wp-block-separator is-style-dots" />
                        <p>
                          Laconic overheard dear woodchuck wow this outrageously
                          taut beaver hey hello far meadowlark imitatively
                          egregiously hugged that yikes minimally unanimous
                          pouted flirtatiously as beaver beheld above forward
                          energetic across this jeepers beneficently cockily
                          less a the raucously that magic upheld far so the this
                          where crud then below after jeez enchanting drunkenly
                          more much wow callously irrespective limpet.
                        </p>
                        <h4 class="mt-30">Packaging & Delivery</h4>
                        <hr class="wp-block-separator is-style-wide" />
                        <p>
                          Less lion goodness that euphemistically robin
                          expeditiously bluebird smugly scratched far while thus
                          cackled sheepishly rigid after due one assenting
                          regarding censorious while occasional or this more
                          crane went more as this less much amid overhung
                          anathematic because much held one exuberantly sheep
                          goodness so where rat wry well concomitantly.
                        </p>
                        <p>
                          Scallop or far crud plain remarkably far by thus far
                          iguana lewd precociously and and less rattlesnake
                          contrary caustic wow this near alas and next and pled
                          the yikes articulate about as less cackled dalmatian
                          in much less well jeering for the thanks blindly
                          sentimental whimpered less across objectively fanciful
                          grimaced wildly some wow and rose jeepers outgrew
                          lugubrious luridly irrationally attractively
                          dachshund.
                        </p>
                      </div>
                    </div>
                    <div class="tab-pane fade" id="Additional-info">
                      <table class="font-md">
                        <tbody>
                          <tr class="stand-up">
                            <th>Stand Up</th>
                            <td>
                              <p>35″L x 24″W x 37-45″H(front to back wheel)</p>
                            </td>
                          </tr>
                          <tr class="folded-wo-wheels">
                            <th>Folded (w/o wheels)</th>
                            <td>
                              <p>32.5″L x 18.5″W x 16.5″H</p>
                            </td>
                          </tr>
                          <tr class="folded-w-wheels">
                            <th>Folded (w/ wheels)</th>
                            <td>
                              <p>32.5″L x 24″W x 18.5″H</p>
                            </td>
                          </tr>
                          <tr class="door-pass-through">
                            <th>Door Pass Through</th>
                            <td>
                              <p>24</p>
                            </td>
                          </tr>
                          <tr class="frame">
                            <th>Frame</th>
                            <td>
                              <p>Aluminum</p>
                            </td>
                          </tr>
                          <tr class="weight-wo-wheels">
                            <th>Weight (w/o wheels)</th>
                            <td>
                              <p>20 LBS</p>
                            </td>
                          </tr>
                          <tr class="weight-capacity">
                            <th>Weight Capacity</th>
                            <td>
                              <p>60 LBS</p>
                            </td>
                          </tr>
                          <tr class="width">
                            <th>Width</th>
                            <td>
                              <p>24″</p>
                            </td>
                          </tr>
                          <tr class="handle-height-ground-to-handle">
                            <th>Handle height (ground to handle)</th>
                            <td>
                              <p>37-45″</p>
                            </td>
                          </tr>
                          <tr class="wheels">
                            <th>Wheels</th>
                            <td>
                              <p>12″ air / wide track slick tread</p>
                            </td>
                          </tr>
                          <tr class="seat-back-height">
                            <th>Seat back height</th>
                            <td>
                              <p>21.5″</p>
                            </td>
                          </tr>
                          <tr class="head-room-inside-canopy">
                            <th>Head room (inside canopy)</th>
                            <td>
                              <p>25″</p>
                            </td>
                          </tr>
                          <tr class="pa_color">
                            <th>Color</th>
                            <td>
                              <p>Black, Blue, Red, White</p>
                            </td>
                          </tr>
                          <tr class="pa_size">
                            <th>Size</th>
                            <td>
                              <p>M, S</p>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                    <div class="tab-pane fade" id="Reviews">
                      <!--Comments-->
                      <div class="comments-area">
                        <div class="row">
                          <div class="col-lg-8">
                            <h4 class="mb-30">Customer questions & answers</h4>
                            <div class="comment-list">
                              <div
                                class="single-comment justify-content-between d-flex"
                              >
                                <div
                                  class="user justify-content-between d-flex"
                                >
                                  <div class="thumb text-center">
                                    <img
                                      src="/static/imgs/page/avatar-6.jpg"
                                      alt=""
                                    />
                                    <h6><a href="#">Jacky Chan</a></h6>
                                    <p class="font-xxs">Since 2012</p>
                                  </div>
                                  <div class="desc">
                                    <div class="product-rate d-inline-block">
                                      <div
                                        class="product-rating"
                                        style="width: 90%"
                                      ></div>
                                    </div>
                                    <p>
                                      Thank you very fast shipping from Poland
                                      only 3days.
                                    </p>
                                    <div class="d-flex justify-content-between">
                                      <div class="d-flex align-items-center">
                                        <p class="font-xs mr-30">
                                          December 4, 2020 at 3:12 pm
                                        </p>
                                        <a href="#" class="text-brand"
                                          >Reply
                                          <i
                                            class="fa fa-arrow-right font-xs"
                                          ></i>
                                        </a>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <!--single-comment -->
                              <div
                                class="single-comment justify-content-between d-flex"
                              >
                                <div
                                  class="user justify-content-between d-flex"
                                >
                                  <div class="thumb text-center">
                                    <img
                                      src="/static/imgs/page/avatar-7.jpg"
                                      alt=""
                                    />
                                    <h6><a href="#">Ana Rosie</a></h6>
                                    <p class="font-xxs">Since 2008</p>
                                  </div>
                                  <div class="desc">
                                    <div class="product-rate d-inline-block">
                                      <div
                                        class="product-rating"
                                        style="width: 90%"
                                      ></div>
                                    </div>
                                    <p>Great low price and works well.</p>
                                    <div class="d-flex justify-content-between">
                                      <div class="d-flex align-items-center">
                                        <p class="font-xs mr-30">
                                          December 4, 2020 at 3:12 pm
                                        </p>
                                        <a href="#" class="text-brand"
                                          >Reply
                                          <i
                                            class="fa fa-arrow-right font-xs"
                                          ></i>
                                        </a>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <!--single-comment -->
                              <div
                                class="single-comment justify-content-between d-flex"
                              >
                                <div
                                  class="user justify-content-between d-flex"
                                >
                                  <div class="thumb text-center">
                                    <img
                                      src="/static/imgs/page/avatar-8.jpg"
                                      alt=""
                                    />
                                    <h6><a href="#">Steven Keny</a></h6>
                                    <p class="font-xxs">Since 2010</p>
                                  </div>
                                  <div class="desc">
                                    <div class="product-rate d-inline-block">
                                      <div
                                        class="product-rating"
                                        style="width: 90%"
                                      ></div>
                                    </div>
                                    <p>
                                      Authentic and Beautiful, Love these way
                                      more than ever expected They are Great
                                      earphones
                                    </p>
                                    <div class="d-flex justify-content-between">
                                      <div class="d-flex align-items-center">
                                        <p class="font-xs mr-30">
                                          December 4, 2020 at 3:12 pm
                                        </p>
                                        <a href="#" class="text-brand"
                                          >Reply
                                          <i
                                            class="fa fa-arrow-right font-xs"
                                          ></i>
                                        </a>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <!--single-comment -->
                            </div>
                          </div>
                          <div class="col-lg-4">
                            <h4 class="mb-30">Customer reviews</h4>
                            <div class="d-flex mb-30">
                              <div class="product-rate d-inline-block mr-15">
                                <div
                                  class="product-rating"
                                  style="width: 90%"
                                ></div>
                              </div>
                              <h6>4.8 out of 5</h6>
                            </div>
                            <div class="progress">
                              <span>5 star</span>
                              <div
                                class="progress-bar"
                                role="progressbar"
                                style="width: 50%"
                                aria-valuenow="50"
                                aria-valuemin="0"
                                aria-valuemax="100"
                              >
                                50%
                              </div>
                            </div>
                            <div class="progress">
                              <span>4 star</span>
                              <div
                                class="progress-bar"
                                role="progressbar"
                                style="width: 25%"
                                aria-valuenow="25"
                                aria-valuemin="0"
                                aria-valuemax="100"
                              >
                                25%
                              </div>
                            </div>
                            <div class="progress">
                              <span>3 star</span>
                              <div
                                class="progress-bar"
                                role="progressbar"
                                style="width: 45%"
                                aria-valuenow="45"
                                aria-valuemin="0"
                                aria-valuemax="100"
                              >
                                45%
                              </div>
                            </div>
                            <div class="progress">
                              <span>2 star</span>
                              <div
                                class="progress-bar"
                                role="progressbar"
                                style="width: 65%"
                                aria-valuenow="65"
                                aria-valuemin="0"
                                aria-valuemax="100"
                              >
                                65%
                              </div>
                            </div>
                            <div class="progress mb-30">
                              <span>1 star</span>
                              <div
                                class="progress-bar"
                                role="progressbar"
                                style="width: 85%"
                                aria-valuenow="85"
                                aria-valuemin="0"
                                aria-valuemax="100"
                              >
                                85%
                              </div>
                            </div>
                            <a href="#" class="font-xs text-muted"
                              >How are ratings calculated?</a
                            >
                          </div>
                        </div>
                      </div>
                      <!--comment form-->
                      <div class="comment-form">
                        <h4 class="mb-15">Add a review</h4>
                        <div class="product-rate d-inline-block mb-30"></div>
                        <div class="row">
                          <div class="col-lg-8 col-md-12">
                            <form
                              class="form-contact comment_form"
                              action="#"
                              id="commentForm"
                            >
                              <div class="row">
                                <div class="col-12">
                                  <div class="form-group">
                                    <textarea
                                      class="form-control w-100"
                                      name="comment"
                                      id="comment"
                                      cols="30"
                                      rows="9"
                                      placeholder="Write Comment"
                                    ></textarea>
                                  </div>
                                </div>
                                <div class="col-sm-6">
                                  <div class="form-group">
                                    <input
                                      class="form-control"
                                      name="name"
                                      id="name"
                                      type="text"
                                      placeholder="Name"
                                    />
                                  </div>
                                </div>
                                <div class="col-sm-6">
                                  <div class="form-group">
                                    <input
                                      class="form-control"
                                      name="email"
                                      id="email"
                                      type="email"
                                      placeholder="Email"
                                    />
                                  </div>
                                </div>
                                <div class="col-12">
                                  <div class="form-group">
                                    <input
                                      class="form-control"
                                      name="website"
                                      id="website"
                                      type="text"
                                      placeholder="Website"
                                    />
                                  </div>
                                </div>
                              </div>
                              <div class="form-group">
                                <button
                                  type="submit"
                                  class="button button-contactForm"
                                >
                                  Submit Review
                                </button>
                              </div>
                            </form>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="row mt-60">
                  <div class="col-12">
                    <h3 class="section-title style-1 mb-30">
                      Related products
                    </h3>
                  </div>
                  <div class="row">
                    <div class="col-lg-3 col-md-4 col-12 col-sm-6">
                      <div class="product-cart-wrap small hover-up">
                        <div class="product-img-action-wrap">
                          <div class="product-img product-img-zoom">
                            <a href="/product/right" tabindex="0">
                              <img
                                class="default-img"
                                src="/static/imgs/shop/product-2-1.jpg"
                                alt=""
                              />
                              <img
                                class="hover-img"
                                src="/static/imgs/shop/product-2-2.jpg"
                                alt=""
                              />
                            </a>
                          </div>
                          <div class="product-action-1">
                            <a
                              aria-label="Quick view"
                              class="action-btn small hover-up"
                              tabindex="0"
                              ><i class="far fa-search"></i
                            ></a>
                            <a
                              aria-label="Add To Wishlist"
                              class="action-btn small hover-up"
                              href="/wishlist"
                              tabindex="0"
                              ><i class="far fa-heart"></i
                            ></a>
                            <a
                              aria-label="Compare"
                              class="action-btn small hover-up"
                              href="/compare"
                              tabindex="0"
                              ><i class="far fa-exchange-alt"></i
                            ></a>
                          </div>
                          <div
                            class="product-badges product-badges-position product-badges-mrg"
                          >
                            <span class="hot">Hot</span>
                          </div>
                        </div>
                        <div class="product-content-wrap">
                          <h2>
                            <a href="/product/right" tabindex="0"
                              >Ulstra Bass Headphone</a
                            >
                          </h2>
                          <div class="rating-result" title="90%">
                            <span> </span>
                          </div>
                          <div class="product-price">
                            <span>$238.85 </span>
                            <span class="old-price">$245.8</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="col-lg-3 col-md-4 col-12 col-sm-6">
                      <div class="product-cart-wrap small hover-up">
                        <div class="product-img-action-wrap">
                          <div class="product-img product-img-zoom">
                            <a href="/product/right" tabindex="0">
                              <img
                                class="default-img"
                                src="/static/imgs/shop/product-3-1.jpg"
                                alt=""
                              />
                              <img
                                class="hover-img"
                                src="/static/imgs/shop/product-4-2.jpg"
                                alt=""
                              />
                            </a>
                          </div>
                          <div class="product-action-1">
                            <a
                              aria-label="Quick view"
                              class="action-btn small hover-up"
                              tabindex="0"
                              ><i class="far fa-search"></i
                            ></a>
                            <a
                              aria-label="Add To Wishlist"
                              class="action-btn small hover-up"
                              href="/wishlist"
                              tabindex="0"
                              ><i class="far fa-heart"></i
                            ></a>
                            <a
                              aria-label="Compare"
                              class="action-btn small hover-up"
                              href="/compare"
                              tabindex="0"
                              ><i class="far fa-exchange-alt"></i
                            ></a>
                          </div>
                          <div
                            class="product-badges product-badges-position product-badges-mrg"
                          >
                            <span class="sale">-12%</span>
                          </div>
                        </div>
                        <div class="product-content-wrap">
                          <h2>
                            <a href="/product/right" tabindex="0"
                              >Smart Bluetooth Speaker</a
                            >
                          </h2>
                          <div class="rating-result" title="90%">
                            <span> </span>
                          </div>
                          <div class="product-price">
                            <span>$138.85 </span>
                            <span class="old-price">$145.8</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="col-lg-3 col-md-4 col-12 col-sm-6">
                      <div class="product-cart-wrap small hover-up">
                        <div class="product-img-action-wrap">
                          <div class="product-img product-img-zoom">
                            <a href="/product/right" tabindex="0">
                              <img
                                class="default-img"
                                src="/static/imgs/shop/product-4-1.jpg"
                                alt=""
                              />
                              <img
                                class="hover-img"
                                src="/static/imgs/shop/product-4-2.jpg"
                                alt=""
                              />
                            </a>
                          </div>
                          <div class="product-action-1">
                            <a
                              aria-label="Quick view"
                              class="action-btn small hover-up"
                              tabindex="0"
                              ><i class="far fa-search"></i
                            ></a>
                            <a
                              aria-label="Add To Wishlist"
                              class="action-btn small hover-up"
                              href="/wishlist"
                              tabindex="0"
                              ><i class="far fa-heart"></i
                            ></a>
                            <a
                              aria-label="Compare"
                              class="action-btn small hover-up"
                              href="/compare"
                              tabindex="0"
                              ><i class="far fa-exchange-alt"></i
                            ></a>
                          </div>
                          <div
                            class="product-badges product-badges-position product-badges-mrg"
                          >
                            <span class="new">New</span>
                          </div>
                        </div>
                        <div class="product-content-wrap">
                          <h2>
                            <a href="/product/right" tabindex="0"
                              >HomeSpeak 12UEA Goole</a
                            >
                          </h2>
                          <div class="rating-result" title="90%">
                            <span> </span>
                          </div>
                          <div class="product-price">
                            <span>$738.85 </span>
                            <span class="old-price">$1245.8</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="col-lg-3 col-md-4 col-12 col-sm-6">
                      <div class="product-cart-wrap small hover-up">
                        <div class="product-img-action-wrap">
                          <div class="product-img product-img-zoom">
                            <a href="/product/right" tabindex="0">
                              <img
                                class="default-img"
                                src="/static/imgs/shop/product-5-1.jpg"
                                alt=""
                              />
                              <img
                                class="hover-img"
                                src="/static/imgs/shop/product-5-2.jpg"
                                alt=""
                              />
                            </a>
                          </div>
                          <div class="product-action-1">
                            <a
                              aria-label="Quick view"
                              class="action-btn small hover-up"
                              tabindex="0"
                              ><i class="far fa-search"></i
                            ></a>
                            <a
                              aria-label="Add To Wishlist"
                              class="action-btn small hover-up"
                              href="/wishlist"
                              tabindex="0"
                              ><i class="far fa-heart"></i
                            ></a>
                            <a
                              aria-label="Compare"
                              class="action-btn small hover-up"
                              href="/compare"
                              tabindex="0"
                              ><i class="far fa-exchange-alt"></i
                            ></a>
                          </div>
                          <div
                            class="product-badges product-badges-position product-badges-mrg"
                          >
                            <span class="hot">Hot</span>
                          </div>
                        </div>
                        <div class="product-content-wrap">
                          <h2>
                            <a href="/product/right" tabindex="0"
                              >Dadua Camera 4K 2024EF</a
                            >
                          </h2>
                          <div class="rating-result" title="90%">
                            <span> </span>
                          </div>
                          <div class="product-price">
                            <span>$89.8 </span>
                            <span class="old-price">$98.8</span>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="banner-img banner-big wow fadeIn f-none animated mt-50"
                >
                  <img
                    class="border-radius-10"
                    src="/static/imgs/banner/banner-4.png"
                    alt=""
                  />
                  <div class="banner-text">
                    <h4 class="mb-15 mt-40 text-white">Repair Services</h4>
                    <h2 class="fw-600 mb-20 text-white">
                      We're an Apple <br />Authorised Service Provider
                    </h2>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-3 primary-sidebar sticky-sidebar">
              <div class="widget-area">
                <!--Widget categories-->
                <div
                  class="sidebar-widget widget_categories mb-30 p-30 bg-grey border-radius-10"
                >
                  <div class="widget-header position-relative mb-20 pb-10">
                    <h5 class="widget-title mb-10">Categories</h5>
                    <div class="bt-1 border-color-1"></div>
                  </div>
                  <div class="">
                    <ul class="categor-list">
                      <li class="cat-item text-muted">
                        <a href="/shop/right">Jacket</a>(125)
                      </li>
                      <li class="cat-item text-muted">
                        <a href="/shop/right">Jeans</a>(68)
                      </li>
                      <li class="cat-item text-muted">
                        <a href="/shop/right">Sweatshirts</a>(284)
                      </li>
                      <li class="cat-item text-muted">
                        <a href="/shop/right">Trousers</a>(274)
                      </li>
                      <li class="cat-item text-muted">
                        <a href="/shop/right">Kitwears</a>(152)
                      </li>
                      <li class="cat-item text-muted">
                        <a href="/shop/right">Sportswear</a>(302)
                      </li>
                      <li class="cat-item text-muted">
                        <a href="/shop/right">Accessories</a>(168)
                      </li>
                    </ul>
                  </div>
                </div>
                <!-- Fillter By Price -->
                <div class="sidebar-widget price_range range mb-30">
                  <div class="widget-header position-relative mb-20 pb-10">
                    <h5 class="widget-title mb-10">Fill by price</h5>
                    <div class="bt-1 border-color-1"></div>
                  </div>
                  <div class="price-filter">
                    <div class="price-filter-inner">
                      <div id="slider-range"></div>
                      <div class="price_slider_amount">
                        <div class="label-input">
                          <span>Range:</span
                          ><input
                            type="text"
                            id="amount"
                            name="price"
                            placeholder="Add Your Price"
                          />
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="list-group">
                    <div class="list-group-item mb-10 mt-10">
                      <label class="fw-900">Color</label>
                      <div class="custome-checkbox">
                        <input
                          class="form-check-input"
                          type="checkbox"
                          name="checkbox"
                          id="exampleCheckbox1"
                          value=""
                        />
                        <label class="form-check-label" for="exampleCheckbox1"
                          ><span>Red (56)</span></label
                        >
                        <br />
                        <input
                          class="form-check-input"
                          type="checkbox"
                          name="checkbox"
                          id="exampleCheckbox2"
                          value=""
                        />
                        <label class="form-check-label" for="exampleCheckbox2"
                          ><span>Green (78)</span></label
                        >
                        <br />
                        <input
                          class="form-check-input"
                          type="checkbox"
                          name="checkbox"
                          id="exampleCheckbox3"
                          value=""
                        />
                        <label class="form-check-label" for="exampleCheckbox3"
                          ><span>Blue (54)</span></label
                        >
                      </div>
                      <label class="fw-900 mt-15">Item Condition</label>
                      <div class="custome-checkbox">
                        <input
                          class="form-check-input"
                          type="checkbox"
                          name="checkbox"
                          id="exampleCheckbox11"
                          value=""
                        />
                        <label class="form-check-label" for="exampleCheckbox11"
                          ><span>New (1506)</span></label
                        >
                        <br />
                        <input
                          class="form-check-input"
                          type="checkbox"
                          name="checkbox"
                          id="exampleCheckbox21"
                          value=""
                        />
                        <label class="form-check-label" for="exampleCheckbox21"
                          ><span>Refurbished (27)</span></label
                        >
                        <br />
                        <input
                          class="form-check-input"
                          type="checkbox"
                          name="checkbox"
                          id="exampleCheckbox31"
                          value=""
                        />
                        <label class="form-check-label" for="exampleCheckbox31"
                          ><span>Used (45)</span></label
                        >
                      </div>
                    </div>
                  </div>
                  <a href="/shop/right" class="btn btn-sm btn-default"
                    ><i class="fa fa-filter mr-5 ml-0"></i> Fillter</a
                  >
                </div>
                <!-- Product sidebar Widget -->
                <div
                  class="sidebar-widget product-sidebar mb-30 p-30 bg-grey border-radius-10"
                >
                  <div class="widget-header position-relative mb-20 pb-10">
                    <h5 class="widget-title mb-10">New products</h5>
                    <div class="bt-1 border-color-1"></div>
                  </div>
                  <div class="single-post clearfix">
                    <div class="image">
                      <img src="/static/imgs/shop/thumbnail-3.jpg" alt="#" />
                    </div>
                    <div class="content pt-10">
                      <h5>
                        <a href="/product">Chen Cardigan</a>
                      </h5>
                      <p class="price mb-0 mt-5">$99.50</p>
                      <div class="product-rate">
                        <div class="product-rating" style="width: 90%"></div>
                      </div>
                    </div>
                  </div>
                  <div class="single-post clearfix">
                    <div class="image">
                      <img src="/static/imgs/shop/thumbnail-4.jpg" alt="#" />
                    </div>
                    <div class="content pt-10">
                      <h6>
                        <a href="/product">Chen Sweater</a>
                      </h6>
                      <p class="price mb-0 mt-5">$89.50</p>
                      <div class="product-rate">
                        <div class="product-rating" style="width: 80%"></div>
                      </div>
                    </div>
                  </div>
                  <div class="single-post clearfix">
                    <div class="image">
                      <img src="/static/imgs/shop/thumbnail-5.jpg" alt="#" />
                    </div>
                    <div class="content pt-10">
                      <h6>
                        <a href="/product">Colorful Jacket</a>
                      </h6>
                      <p class="price mb-0 mt-5">$25</p>
                      <div class="product-rate">
                        <div class="product-rating" style="width: 60%"></div>
                      </div>
                    </div>
                  </div>
                </div>
                <!--Widget ads-->
                <div class="sidebar-widget widget-ads mb-30">
                  <div
                    class="banner-img banner-1 wow fadeIn animated"
                    style="visibility: visible; animation-name: fadeIn"
                  >
                    <img
                      class="border-radius-10"
                      src="/static/imgs/banner/banner-10.jpg"
                      alt=""
                    />
                    <div class="banner-text">
                      <span>Gaming Area</span>
                      <h4>Save 17% on <br />Assus Laptop</h4>
                      <a href="/shop/right"
                        >Shop Now <i class="fa fa-arrow-right"></i
                      ></a>
                    </div>
                  </div>
                </div>
                <!--Widget categories-->
                <div
                  class="sidebar-widget widget_categories mb-50 p-30 bg-grey border-radius-10"
                >
                  <div class="widget-header position-relative mb-20 pb-10">
                    <h5 class="widget-title mb-10">Manufacturers</h5>
                    <div class="bt-1 border-color-1"></div>
                  </div>
                  <div class="">
                    <ul class="categor-list">
                      <li class="cat-item text-muted">
                        <a href="/shop/right">Adidas</a>(125)
                      </li>
                      <li class="cat-item text-muted">
                        <a href="/shop/right">Armani</a>(68)
                      </li>
                      <li class="cat-item text-muted">
                        <a href="/shop/right">Burberry</a>(274)
                      </li>
                      <li class="cat-item text-muted">
                        <a href="/shop/right">Chanel</a>(152)
                      </li>
                      <li class="cat-item text-muted">
                        <a href="/shop/right">Prada</a>(302)
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
    </main>
    <footer class="main">
      <section class="newsletter bg-brand p-30 text-white wow fadeIn animated">
        <div class="container">
          <div class="row align-items-center">
            <div class="col-lg-7 mb-md-3 mb-lg-0">
              <div class="row align-items-center">
                <div class="col flex-horizontal-center">
                  <img
                    class="icon-email"
                    src="/static/imgs/theme/icons/icon-email.svg"
                    alt=""
                  />
                  <h4 class="font-size-20 mb-0 ml-3">Sign up to Newsletter</h4>
                </div>
                <div class="col my-4 my-md-0">
                  <h5 class="font-size-15 ml-4 mb-0">
                    ...and receive
                    <strong>$25 coupon for first shopping.</strong>
                  </h5>
                </div>
              </div>
            </div>
            <div class="col-lg-5">
              <!-- Subscribe Form -->
              <form class="form-subcriber d-flex wow fadeIn animated">
                <input
                  type="email"
                  class="form-control bg-white font-small"
                  placeholder="Enter your email"
                />
                <button class="btn bg-dark text-white" type="submit">
                  Subscribe
                </button>
              </form>
              <!-- End Subscribe Form -->
            </div>
          </div>
        </div>
      </section>
      <section class="section-padding-60">
        <div class="container">
          <div class="row">
            <div class="col-lg-4 col-md-6">
              <div class="widget-about font-md mb-md-5 mb-lg-0">
                <div class="logo logo-width-1 wow fadeIn animated">
                  <a href="/"
                    ><img src="/static/imgs/theme/logo-default.png" alt="logo"
                  /></a>
                </div>
                <h4 class="mt-20 mb-10 fw-600 text-grey-4 wow fadeIn animated">
                  Contact
                </h4>
                <p class="wow fadeIn animated">
                  <strong>Address: </strong>562 Wellington Road, Street 32, San
                  Francisco
                </p>
                <p class="wow fadeIn animated">
                  <strong>Phone: </strong>+01 2222 365 /(+91) 01 2345 6789
                </p>
                <p class="wow fadeIn animated">
                  <strong>Hours: </strong>10:00 - 18:00, Mon - Sat
                </p>
                <h4 class="mb-10 mt-20 fw-600 text-grey-4 wow fadeIn animated">
                  Follow Us
                </h4>
                <div
                  class="mobile-social-icon wow fadeIn animated mb-sm-5 mb-md-0"
                >
                  <a class="facebook" href="#">
                    <svg
                      xmlns="http://www.w3.org/2000/svg"
                      viewBox="0 0 320 512"
                    >
                      <path
                        d="M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z"
                      />
                    </svg>
                  </a>
                  <a class="twitter" href="#">
                    <svg
                      xmlns="http://www.w3.org/2000/svg"
                      viewBox="0 0 512 512"
                    >
                      <path
                        d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"
                      />
                    </svg>
                  </a>
                  <a class="tumblr" href="#">
                    <svg
                      xmlns="http://www.w3.org/2000/svg"
                      viewBox="0 0 320 512"
                    >
                      <path
                        d="M309.8 480.3c-13.6 14.5-50 31.7-97.4 31.7-120.8 0-147-88.8-147-140.6v-144H17.9c-5.5 0-10-4.5-10-10v-68c0-7.2 4.5-13.6 11.3-16 62-21.8 81.5-76 84.3-117.1 .8-11 6.5-16.3 16.1-16.3h70.9c5.5 0 10 4.5 10 10v115.2h83c5.5 0 10 4.4 10 9.9v81.7c0 5.5-4.5 10-10 10h-83.4V360c0 34.2 23.7 53.6 68 35.8 4.8-1.9 9-3.2 12.7-2.2 3.5 .9 5.8 3.4 7.4 7.9l22 64.3c1.8 5 3.3 10.6-.4 14.5z"
                      />
                    </svg>
                  </a>
                  <a class="instagram" href="#">
                    <svg
                      xmlns="http://www.w3.org/2000/svg"
                      viewBox="0 0 448 512"
                    >
                      <path
                        d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"
                      />
                    </svg>
                  </a>
                </div>
              </div>
            </div>
            <div class="col-lg-2 col-md-3">
              <h5 class="widget-title mb-30 wow fadeIn animated">About</h5>
              <ul class="footer-list wow fadeIn animated mb-sm-5 mb-md-0">
                <li><a href="#">About Us</a></li>
                <li><a href="#">Delivery Information</a></li>
                <li><a href="#">Privacy Policy</a></li>
                <li><a href="#">Terms &amp; Conditions</a></li>
                <li><a href="#">Contact Us</a></li>
              </ul>
            </div>
            <div class="col-lg-2 col-md-3">
              <h5 class="widget-title mb-30 wow fadeIn animated">My Account</h5>
              <ul class="footer-list wow fadeIn animated">
                <li><a href="#">Sign In</a></li>
                <li><a href="#">View Cart</a></li>
                <li><a href="#">My Wishlist</a></li>
                <li><a href="#">Track My Order</a></li>
                <li><a href="#">Help</a></li>
                <li><a href="#">Order</a></li>
              </ul>
            </div>
            <div class="col-lg-4">
              <h5 class="widget-title mb-30 wow fadeIn animated">
                Download Our App
              </h5>
              <div class="row">
                <div class="col-md-8 col-lg-12">
                  <p class="wow fadeIn animated">
                    From App Store or Google Play
                  </p>
                  <div class="download-app wow fadeIn animated">
                    <a href="#" class="hover-up mb-sm-4"
                      ><img src="/static/imgs/theme/app-store.jpg" alt=""
                    /></a>
                    <a href="#" class="hover-up"
                      ><img src="/static/imgs/theme/google-play.jpg" alt=""
                    /></a>
                  </div>
                </div>
                <div class="col-md-4 col-lg-12">
                  <p class="mb-20 wow fadeIn animated mt-md-3">
                    Secured Payment Gateways
                  </p>
                  <img
                    class="wow fadeIn animated"
                    src="/static/imgs/theme/payment-method.png"
                    alt=""
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <div class="container pb-20 wow fadeIn animated">
        <div class="row">
          <div class="col-12 mb-20">
            <div class="footer-bottom"></div>
          </div>
          <div class="col-lg-6">
            <p class="float-md-left font-sm text-muted mb-0">
              &copy; 2025,
              <a
                target="_blank"
                href="https://www.mobanwang.com/"
                title="网站模板"
                >网站模板</a
              >
            </p>
          </div>
          <div class="col-lg-6">
            <p class="text-lg-end text-start font-sm text-muted mb-0">
              All rights reserved.
            </p>
          </div>
        </div>
      </div>
    </footer>
    <!-- Preloader Start -->
    <!-- <div id="preloader-active">
        <div class="preloader d-flex align-items-center justify-content-center">
            <div class="preloader-inner position-relative">
                <div class="text-center">
                    <img class="jump" src="/static/imgs/theme/favico.svg" alt="">
                    <h5 class="mb-5">Now Loading</h5>
                    <div class="loader">
                        <div class="bar bar1"></div>
                        <div class="bar bar2"></div>
                        <div class="bar bar3"></div>
                    </div>
                </div>
            </div>
        </div>
    </div> -->
    <!-- Vendor JS-->
    <script src="/static/js/vendor/modernizr-3.6.0.min.js"></script>
    <script src="/static/js/vendor/jquery-3.7.1.min.js"></script>
    <script src="/static/js/vendor/jquery-migrate-3.3.0.min.js"></script>
    <script src="/static/js/vendor/bootstrap.bundle.min.js"></script>
    <script src="/static/js/plugins/slick.js"></script>
    <script src="/static/js/plugins/jquery.syotimer.min.js"></script>
    <script src="/static/js/plugins/wow.js"></script>
    <script src="/static/js/plugins/jquery-ui.js"></script>
    <script src="/static/js/plugins/perfect-scrollbar.js"></script>
    <script src="/static/js/plugins/magnific-popup.js"></script>
    <script src="/static/js/plugins/select2.min.js"></script>
    <script src="/static/js/plugins/waypoints.js"></script>
    <script src="/static/js/plugins/counterup.js"></script>
    <script src="/static/js/plugins/jquery.countdown.min.js"></script>
    <script src="/static/js/plugins/images-loaded.js"></script>
    <script src="/static/js/plugins/isotope.js"></script>
    <script src="/static/js/plugins/scrollup.js"></script>
    <script src="/static/js/plugins/jquery.vticker-min.js"></script>
    <script src="/static/js/plugins/jquery.theia.sticky.js"></script>
    <script src="/static/js/plugins/jquery.elevatezoom.js"></script>
    <!-- Template  JS -->
    <script src="/static/js/main.js?v=5.4"></script>
    <script src=".//static/js/shop.js"></script>
  </body>
</html>
